<template>
  <div>
    <template>
      <div v-for="option in options" :key="option.id" :label="option.title">
        <el-option
          :key="option.id"
          :value="option.id"
          :label="option.title"
          :disabled="option.disabled"
        />
        <recursive-option
          v-if="option.childs"
          :options="option.childs"
          class="option"
        />
      </div>
    </template>
  </div>
</template>
<script>
export default {
  name: 'RecursiveOption',
  props: {
    options: {
      type: Array,
      required: true
    }
  },
  data() {
    return {}
  },
  methods: {}
}
</script>
<style scoped>
.option {
  padding: 0 20px;
}
</style>
